{% load i18n %}
{% load dbapp_tags %}
{% autoescape off %}
<div style="padding: 10px; border-bottom: 1px solid #ccc; margin-bottom: 5px;width:100% " class="l">
    <table><tbody>
        <tr>
            {{ task|field_as_td_h }}
            <td width="10"></td>
            {{ task_name|field_as_td_h }}
            <td width="10"></td>
            <td><div id="id-task-remove" style="background-color: #7ac142; padding: 3px 5px 3px 5px">
                <a href="javascript:void(0)" style="height: 28px; color: #fff">{% trans '删除' %}</a>
            </div></td>
        </tr>
    </tbody></table>
</div>
{% endautoescape %}
<script>
    $(function(){
        function task_change(obj){
            var loadIndex = layer.load(0, {shade: false});
            $.ajax({
                url: '/att/auto_export_task/?task='+ obj,
                type: 'GET',
                dataType: 'html',
                success: function(callback){
                    $("#task-detail").html(callback);
                    layer.close(loadIndex);
                }, error: function(a, b, c){
                    layer.close(loadIndex);
                }
            });
        };
        function render_tasks_div(){
            $.ajax({
                url: '/att/auto_export_tasks/?reload=1',
                type: 'GET',
                dataType: 'html',
                success: function(callback) {
                    $("#id_task_panel").empty();
                    $("#id_task_panel").html(callback);
                }
            })
        };
        $("#id_task").change(function(){
            var obj = $(this).val();
            var txt = $(this).find("option:selected").text().slice(6);
            $("#id_task_name").val(txt);
            task_change(obj);
        })
        $("#id-task-remove").click(function(){
            var loadIndex = layer.load(0, {shade: false});
            var obj = $("#id_task").val();
            $("#id_form_auto").find(("#export_res_tip")).html('');
            $.ajax({
                url: '/att/auto_export_remove_task/',
                type: 'POST',
                data:{task: obj},
                dataType: 'json',
                success: function(callback){
                    var msg = callback.ret;
                    if(msg.indexOf('OK') != -1){
                        $("#id_form_auto").find(("#export_res_tip")).css({color:'blue'}).html(gettext('成功'));
                        render_tasks_div();
                    }
                    else{
                       $("#id_form_auto").find(("#export_res_tip")).css({color:'red'}).html(msg)
                    }
                    layer.close(loadIndex);
                }
            });
        })
        {% if reload %}
            task_change({{ task_id }});
        {% endif %}
        $("#id_task").val({{ task_id }});
    });
</script>